<template>
  <h1>这个是一个web vue3 测试项目</h1>
  <p>{{ num }}</p>
  <p>{{ student }}</p>
  <input v-model="num" type="text" />
  <button @click="addString">点我更改上面的文字信息</button>

  <Login />
  <!-- 使用注册的组件 -->
</template>

<!--<script>-->
<!--export default {-->
<!--  data() {-->
<!--    return {-->
<!--      num: "123",-->
<!--      student: {-->
<!--        name: "李白",-->
<!--        age: 12,-->
<!--      }-->
<!--    }-->
<!--  },-->
<!--  methods: { //方法节点-->
<!--    addString() {-->
<!--      this.num += '=' //取出数据源，可通过this关键字进行操作-->
<!--    }-->
<!--  },-->
<!--}-->

<script setup>
import { ref } from 'vue'
import Login from '@/components/login.vue' // 引入 API 函数
let account = ref('Abc') // 数据源
function chageAccount() {
  // 方法
  account.value += '='
}
</script>

<style scoped></style>
